﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Shop_View.aspx.cs" Inherits="JKF.Web.Shop.Shop_View" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   <title>店面管理页面</title>
    <script src="../js/jquery.js" type="text/javascript"></script>
        <%= RegScript("~/js/jquery.1.5.js")%>
        <%= RegScript("~/js/jquery.js")%> 
        <%= RegScript("~/js/jquery.nhis.js")%>
        <%= RegScript("~/js/jquery.rchis.js")%>
        <%= RegScript("~/js/jquery-ui-custom.min.js")%>
        <%= RegScript("~/js/css.js")%>
        <%= RegScript("~/js/DatePicker/WdatePicker.js")%>
        <%= RegScript("~/js/Common.js")%>
        <%= RegScript("~/js/Jquery.commonGrid.js")%>
         <%= RegScript("~/js/jquery-form.js") %>
        <script src="/js/Uppop/tipswindown2.js"  type="text/javascript"></script>
    <link href="/App_Themes/Theme2/Include.css"   rel="stylesheet" type="text/css" />
        
    <script type="text/javascript">

        $(function () {
            // 绑定省市下拉的change事件
            bindProvinceSelect();
            // 注册搜索文本框的回车事件
            $('#txt_SHOP_NAME,#txt_LINKMAN').keyup(function (event) {
                enterHandler(event, 'btn_search');
            });
        });
        //弹出层
        function addShop(id) { 
            window.parent.pop("新增/修改店面", '<%= ResolveUrl("~/Shop/Shop_Add.aspx?moduleKey=") %>' + id, 800, 350, updateList);
             
        } 
        //回调函数，弹出层保存成功之后执行，更新列表中数据，或往列表中添加新录的数据
        function updateList(obj, id) {
             
            if ($.FxNull(id, "").length > 0) {//修改成功返回对应的ID
                $("#tb tbody tr[key='" + id + "']").html($(obj).html());

            } else {//添加成功返回"" 空字符串就可以了
                if ($('#emptyTr')) { // 如果存在的话
                    $('#emptyTr').remove(); // 当添加成功的话，移除此行
                }
                addCount(); //添加成功之后更新记录总条数
                $('#tb tbody').prepend(obj);
            }
        }

        //绑定省下拉事件，去加载相应的城市信息
        function bindProvinceSelect() {
        /// <summary>绑定省下拉事件，去加载相应的城市信息</summary>
            $("#provinceCity").change(function () {
                // 获取当前选中的
                var provinceCode = $(this).val();
                if (provinceCode == '-1') {
                    // 如果存在城市及县的就移除
                    $('#city').remove(); // 移除城市
                    $('#county').remove(); // 移除县
                    return; //不去加载
                }

                $.post('/do/Dic/Dic_Area.do', { ActionName: "GetArea", code: provinceCode },
                function (data) {
                    if (data.error == true) {
                        ShowWarn(data.message);
                    }
                    else {
                        if ($('#city') || $('#county')) {
                            $('#city').remove();
                            $('#county').remove();
                        }
                        var $obj = $('<select id="city"></select>');
                        $('#span_select').before($obj); // 将获取到的城市插入到查询按钮前 
                        $obj.append("<option value='-1'>请选择</option>" + data.message);
                    }
                    // 注册二级城市的下拉事件
                    bindCitySelect();
                }
                 , 'json');
            });
        }
        //根据当前选中的城市去加载相应的县及城镇
        function bindCitySelect() {
            /// <summary>根据当前选中的城市去加载相应的县及城镇</summary>
            $('#city').change(function () {
                var cityCode = $(this).val();
                if (cityCode == '-1') {
                    $('#county').remove();
                    return; // 不去加载
                }
                $.post('/do/Dic/Dic_Area.do', { ActionName: "GetArea", code: cityCode },
                function (data) {
                    if (data.error == true) {
                        ShowWarn(data.message);
                    }
                    else {
                        if ($('#county')) {
                            $('#county').remove();
                        }
                        var $obj = $('<select id="county"></select>');
                        $('#span_select').before($obj); // 将获取到的城市插入到查询按钮前 
                        $obj.append("<option value='-1'>请选择</option>" + data.message);
                    } 
                }
                 , 'json');
            });
        }
    </script>
          <script type="text/javascript">
              var AppPath = '<%=AppPath %>';
              var handler = AppPath + '/do/Shop/Shop.do';
              var PageSize = 10;
              var pager = null;
              $(function () {
                  // 组织查询条件
                  var searchData = { ActionName: 'GetShops', SHOP_NAME: $('#txt_SHOP_NAME').val(), LINKMAN: $('#txt_LINKMAN').val(), AREA_CODE: $('#provinceCity').val(), PageIndex: 1, PageSize: 10 };
                  pager = $('#divPager').pager(AppPath, handler, function () {
                      return searchData;
                  }, function (data) {
                      var tbody = $('#tb tbody');
                      tbody.empty();
                      if (data && data.Entity && data.Entity.length) {
                          data = data.Entity
                          var tr, td; 
                          for (var i = 0; i < data.length; i++) {
                              var item = data[i];
                              tr = $("<tr key=" + item.SHOP_CODE + "></tr>").appendTo(tbody);
                              $('<td></td>').appendTo(tr).html('<input  style="display:<%=DispEdit%>" class="common_btn_edit mr12"  type="button" onclick="addShop(' + "'" + item.SHOP_CODE + "'" + ')" /><input name="" type="button" class="common_btn_del mr12" style="display:<%=DispDelete%>" /><input value="查看本店用户"  class="btn_style"  type="button"   style="display:<%=DispView%>"    look_shop_code="' + item.SHOP_CODE + '" />');
                              $('<td></td>').appendTo(tr).text(item.SHOP_NAME); // 店名称
                              $('<td></td>').appendTo(tr).text(item.AREA_CODE); // 地区
                              $('<td></td>').appendTo(tr).text(item.LINKMAN); // 联系人
                              $('<td></td>').appendTo(tr).text(item.PHONE); // 联系电话
                              $('<td></td>').appendTo(tr).text(item.POSTAL_CODE); // 邮编
                              $('<td></td>').appendTo(tr).text(item.ADDRESS);  // 地址
                              $('<td></td>').appendTo(tr).text(item.MEMO); // 备注
                          }
                          //查看本店用户跳转.live事件非常有用
                          $('#tb').find('input[value=查看本店用户]').live('click',function () {
                              window.parent.goPage('/Sys/User/User_View.aspx用户管理', '.RibbonZoneContent div[title=\'用户管理\']', '&look_shop_code=' + $(this).attr('look_shop_code'));
                          });

                      } else {
                          tbody.html('<tr id="emptyTr"><td colspan="9" style="text-align: center">没有数据!</td></tr>');
                      }
                      //这里动态获取高度
                     // var tbHeight = $(window).height() - $(".common_search").height() - $("#divPager").height() - 70;
                      var tbHeight = $(window).height() - $(".common_search").height() - $("#divPager").height() - 38;
                      tbHeight = tbHeight < 300 ? 300 : tbHeight;
                      $("#tb").H8_Grid($("#divPager"), tbHeight);
                  }, PageSize, true);
                  // 删除一条记录
                  $('input.common_btn_del').live('click', function () {
                      if (!confirm("确认删除吗?")) {
                          return false;
                      }
                      var tr = $(this).parent().parent();
                      $.post(handler, { ActionName: 'DeleteShop', id: tr.attr('key') }, function (obj) {
                          if (obj.MessageCode == "Error") { 
                              alert(obj.Message);
                              return;
                          } else if (obj.MessageCode == "2") {
                              alert("删除失败。\r\n原因：账户表中存在此店面！请先删除账户表中数据后再试。");
                          } else if (obj.MessageCode == "3") {
                              alert("删除失败。\r\n原因：顾客表中存在此店面！请先删除顾客表中数据后再试。");
                          }
                          else if (obj.MessageCode == "1") { // 返回1，才允许删除
                              tr.remove();
                              reduceCount(); //删除成功之后减少记录总条数 
                          }
                      },'json');
                  });
                  // 查询 
                  $('#btn_search').click(function () {
                      searchData.SHOP_NAME = $('#txt_SHOP_NAME').val();
                      searchData.LINKMAN = $('#txt_LINKMAN').val();
                      searchData.AREA_CODE = $('#provinceCity').val();
                      // 按省/市查找
                      if ($('#provinceCity').val() != '-1' && $('#city').val() == '-1') {
                          searchData.AREA_CODE = $('#provinceCity').val();
                      }
                      // 按 市
                      if ($('#city').val() != '-1' && $('#county').val() == '-1') {
                          searchData.AREA_CODE = $('#city').val();
                      }
                      // 按区/县
                      if ($('#city').val() != '-1' && $('#county').val() != '-1') {
                          searchData.AREA_CODE = $('#county').val();
                      }
                      pager.option.pageIndex = 1;
                      pager.getPegerData();
                      return false;
                  });
              });

              
              // 此方法没有使用。已经有另外一个方法代替
              function deleteShop(moduleKey) {
                  $.post(handler, { ActionName: "DeleteShop123", id: moduleKey },
                   function (rslt) {
                       if (rslt.MessageCode == "Ok") {
                           $("tr[pk='" + moduleKey + "']").remove();
                           alert("删除成功."); return;
                       }
                   }
                , "json");
              }
              //导出Excel
              function exportExcel() {
                  //$("#btn_search").click();
                  var v = $('div.common_search').gform();
                  v.ActionName = 'GetShops';
                  v.SHOP_NAME= $('#txt_SHOP_NAME').val();
                  v.LINKMAN= $('#txt_LINKMAN').val();
                  v.AREA_CODE= $('#provinceCity').val();
                  v.isExport = "1";
                  $.formP(handler, v);
              }
          </script>
</head>
<body>
     <div class="warrper_body"> 
        <!--隐藏域中保存当前虚拟路径以便发送ajax异步请求时用-->
        <input id="AppPath" name="AppPath" type="hidden" value="<%=AppPath%>" />
         
        <div class="index" style=" overflow:hidden">
            <div class="common_search">
                 <div class="l_h45">  
                   店面名称：<input type="text" id="txt_SHOP_NAME" value="" />
                    联系人：<input id="txt_LINKMAN" style="width: 100px" type="text" />
                     
                    <label for="provinceCity">地区：</label>
                        <select id="provinceCity">
                           <option value="-1">请选择</option>
                           <%=Area %>
                        </select> 
                       
                    <span class="mr30" id="span_select"><input name="" id="btn_search" type="button"  class="common_btn_search"/></span>
                    <span class="mr30"><input id="Button3" type="button" class="common_btn_add2" style="display: <%=DispAdd%>;"   onclick="addShop('')"/></span>
                     <span class="mr30"><input name="" id="btn_export" class="btn_style" type="button" value="导出excel" onclick="exportExcel()"/></span>
                 </div>
            </div>
            <div class="l_h7"></div>
           
            <div class="index_table"  >
                <table id="tb" width="100%" class="common_table">
                    <thead>
                        <tr>
                            <th width="200px" orderaction="false">操作</th>
                            <th width="150px" ordertype="string">店面名称</th>
                            <th width="150px" ordertype="string">所在地区</th>
                            <th width="100px" ordertype="string">联系人</th>
                            <th width="100px" ordertype="string">联系电话</th>
                            <th width="100px" ordertype="string">邮编</th>
                            <th width="200px" ordertype="string">详细地址</th>
                            <th width="100px" ordertype="string">备注</th> 
                            
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="8" style="text-align: center">点击搜索查看数据</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="page" id="divPager"></div>      
        </div>
    </div>
</body>
</html>
